<template>
  <div>
    <p>GrandPa---{{ count }}</p>
    <hr />
    <Son />
  </div>
</template>

<script>
import Son from './07-Son.vue'
export default {
  components: {
    Son
  },
  data () {
    return {
      count: 100
    }
  },
  methods: {
    getValue (value) {
      console.log('---GrandPa---', value)
    }
  },
  // 通过provide函数，就可以把值传递给它的所有子孙后台
  provide () {
    return {
      count: this.count,
      getValue: this.getValue
    }
  }
}
</script>
